/**
 *@function 卓川网络
 *@author a233894432@gmail.com
 *@creatime 2015年7月7日0:47:07
 */
@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,"Microsoft YaHei";color:#333;outline:0;}
body{background:#fff;}
a {color:#3d83b4;} 
a:focus {outline:none; -moz-outline:none}
a:hover {color:#3d83b4;text-overflow:ellipsis; text-decoration: underline} 

p {line-height: 26px;}

/**
    function
        
 */
.f-mt20 {
    margin-top: 20px;
}
.f-mb20 {
    margin-bottom: 20px;
}
.txt-red{
    color: red;
}
/*index */
.wallpaper {
    width: 100%;
    min-width: 1020px;

//  background: #419641;  
}
//优先PC端
//.container{
//width: 940px;
//margin-left: auto;  
//margin-right: auto;  
//*zoom: 1; 
//}
//.container:before,  
//.container:after {  
//display: table;  
//line-height: 0;  
//content: "";  
//}  
//.container:after {  
//clear: both;  
//}  

//header
.header {
    height: 110px;
    .nav{
        padding-top: 40px;
    }
}
.logo {
    padding-top: 40px;
    
}
.banner1 {
    height:360px;
    background: url(../img/banner1.jpg) center center no-repeat;
}
.banner2 {
    height:360px;
    background: url(../img/banner2.jpg) center center no-repeat;
}
.banner3 {
    height:360px;
    background: url(../img/banner3.jpg) center center no-repeat;
}
.banner4 {
    height:360px;
    background: url(../img/banner4.jpg) center center no-repeat;
}
.banner5 {
    height:360px;
    background: url(../img/banner5.jpg) center center no-repeat;
}
.banner6 {
    height:360px;
    background: url(../img/banner6.jpg) center center no-repeat;
}
.banner7 {
    height:360px;
    background: url(../img/banner7.jpg) center center no-repeat;
}
.banner8 {
    height:360px;
    background: url(../img/banner8.jpg) center center no-repeat;
}
.banner9 {
    height:360px;
    background: url(../img/banner9.jpg) center center no-repeat;
}
.banner10 {
    height:360px;
    background: url(../img/banner10.jpg) center center no-repeat;
    }
.banner11 {
    height:360px;
    background: url(../img/banner11.jpg) center center no-repeat;
}
.banner12 {
    height:360px;
    background: url(../img/banner12.jpg) center center no-repeat;
}
.splitDiv {
     
     width: 100%;
        
    .bHead{
        line-height: 2em;
        color: #3d83b4;
        height: 48px;
        font-size: 2em;
        h1{
          line-height: 2em;   
          font-weight: normal;
        }

    }
     h3{
            color: #7D7D7D;
            font-size: 1.2em;
            font-weight: normal;
        }
    .line{
        line-height: 1em;
        height: 24px;
        border-bottom: 1px solid #CCCCCC;
    }
 }
.tip{
    height: 60px;
    background: url(../img/tip01.jpg) left top no-repeat;
}
.tip02 {
    background-position: left -57px; 
}
.tip03 {
    background-position: left -114px; 
}
.tip-text{
    padding-left: 10%;
    font-size: 1.2em; 
}
.tip-btn {
     padding-left: 10%;
     margin-top: 10px;
     margin-bottom: 10px;
    .money{
     line-height: 34px;
     font-size: 1.2em;  
     strong{
         font-size: 2em;
         color: #5BC0DE;
     }  
    }
}
.min-line {
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
}
.servesDiv{
    font-size: 1em;
    line-height: 1.8em;
    .tip2{
        margin: 10px auto;
        
        width: 80px;
        height: 80px;
        background:url(../img/tip02.jpg) left center no-repeat;
        display: block;
        
    }
    .tip2-2{
        background-position: -87px center;
    }
    .tip2-3{
        background-position: -87px*2 center;
    }
    .tip2-4{
        background-position: -87px*3 center;
    }
    .tip2-5{
        background-position: -87px*4 center;
    }
    h3{
        font-size: 1.2em;
        line-height: 1.4em;
        line-height: 26px;
        
    }
    p{
         line-height: 22px;
         color: #5E5E5E
    }
    a{
      color: #3d83b4;
      
    }
}
.usDiv{
    .tip03{
        width: 66px;
        height: 66px;
        float: left;
        overflow: hidden;
        display: block;
        background: url(../img/tip03.jpg) left center no-repeat;
    }
    .tip03-2{
        background-position: -80px center;
    }
     .tip03-3{
        background-position: -80px*2 center;
    }
    .tip3_txt{
        float: left;
        width: 76%;
        margin-right: 0;
        padding-right: 0;
        h2{
            font-size: 1.4em;   
            line-height: 26px;
            font-weight: normal;
            color: #000000;
        }
        p{
            font-size: 1em;
            line-height: 19px;
             color: #7d7d7d
        }
 
        
    }
    
}
.container6-txt{
    padding-top: 20px*2;
    line-height: 26px;
    font-size: 14px;
   
}
.container7-txt{
    .container6-txt;
     padding-top: 25px*2;
}
.container8-txt{
    .container6-txt;
     padding-top: 25px*2;
     padding-left: 20px*2;
}
.container9-txt{
    line-height: 26px;
    text-indent: 2em;
    color: #7D7D7D;
    font-size: 1.2em;
}
table td{
     line-height: 3em;
}
//nav-tabs
#myTabs {
    text-align: center;
    .tab-content{
        height: 300px;
    }
    
    .nav-tabs{
         border: none;
         text-align: center;
         margin: 0 auto;
         
         li{
            padding:10px;
            float:none;
            list-style-type:none;  
            display:inline;  
            a{
                border: none;
                display: inline;
                background:none; 
                border-radius:0;
                :hover{
                    background:none;
                }
            }
            
            .active{
                color: #122B40;
                border: none;
            }
         }
    }
}


//nav-tabs
#myTabs2 {
    h2{
        font-size: 1.5em;
        color: #7D7D7D;  
        font-weight:normal; 
    }
    .tab-content{
//      height: 300px;
    }
    
    .nav-tabs{
         border: none;
          
         margin: 0 auto;
         
         li{
            padding:5px 5px 5px 0;
            float:left;
            list-style-type:none; 
            margin-right: 10px; 
            
            a{
                border: none;
                display: inline;
                background:none; 
                border-radius:0;
                color: #7D7D7D;
                line-height: 46px;
                padding-left: 5px;
                :hover{
                    background:none;
                }
            }
            
           
         }
          .active{
                color: #122B40;
                border-bottom:2px solid red;
            }
    }
    //
  
        .tabtr td{
            padding-left:20px;
            min-height: 100px; 
            
        }
        .tabtd{
            p{
                color:#f76b04;
                padding-left: 60px;
            }
            
        }
    
}

.tip19 {
    width: 46px;
    height: 46px;   
    display: block;
    float: left;
    vertical-align: middle;
    background: url(../img/tip19.jpg) left center no-repeat;
}
.tip19-2{
    background-position: -47px center;
}
.tip19-3{
    background-position: -47px*2 center;
}
.tip19-4{
    background-position: -47px*3 center;
}
.tip19-5{
    background-position: -47px*4 center;
}
.tip20 {
     width: 80%;
     margin: 0 auto;
     background: url(../img/tip20.jpg) left top no-repeat;
     display: block; 
     height: 28px;
}
.tip20-2 {
    background-position: left -28px;
}
.tip20-3 {
    background-position: left -28px*2;
}
//footer  
.footer{
    background: #EEEEEE;
 
    padding-top: 15px;
    padding-bottom: 10px;
}
.footer-txt{
      line-height: 26px;
 
    color: #7D7D7D;
    font-size: 1.2em;
}
